{% extends 'bootstrap/base.html' %}

{% block title %}学生选课系统 - DropDataBase{% endblock %}

{% block styles %}
  <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  <link href="https://v4.bootcss.com/docs/4.3/examples/floating-labels/floating-labels.css" rel="stylesheet">
{% endblock%}

  {% block content %}
  <div class="container">
      <div class="row clearfix">
          <div class="col-md-10 column">
          </div>
        <div class="col-md-2 column">
        <a class="btn btn-primary" href="{{ url_for('admin') }}">管理员登陆</a>
        </div>
      </div>
      <div class="row clearfix">
    <form action="/login" method="POST" class="form-signin">
      <div class="text-center mb-4">
        <h1><strong>学生选课系统</strong></h1>
      </div>
      <br>      
      {% with messages = get_flashed_messages() %}
      {% if messages %}
        {% for message in messages %}
          <div class="alert alert-warning" role="alert">
            <strong>{{ message }}</strong>
          </div>
        {% endfor %}
      {% endif %}
      {% endwith %}
      <div class="form-label-group">
        <input type="number" name="username" id="inputText" class="form-control" placeholder="Username" required autofocus>
        <label for="inputText">学号</label>
      </div>

      <div class="form-label-group">
        <input type="password" name="password" id="inputPassword" class="form-control" placeholder="Password" required>
        <label for="inputPassword">密码</label>
      </div>
      <div class="checkbox mb-3">
        <label>
          <input type="checkbox" name="remember"> Remember me
        </label>
      </div>
      <button class="btn btn-lg btn-primary btn-block" type="submit">登陆</button>
      <p class="mt-5 mb-3 text-muted text-center">&copy; DropDataBase 2019-2020</p>
    </form>
  </div>
  </div>
  {% endblock %}

